.page-apply-return{
  .apply-return.applied-box {
		.item {
			.goods-info {
				display: flex;
				background: #f9f9f9;
				padding: 10px;
				box-sizing: border-box;
			}
		}
}
.apply-return.apply-box {
		.item {
			.goods-info {
				&:not(:last-child) {
					margin-bottom: 10px;
				}
			}
			.goods-item {
				.gift-name-list {
					padding: 0 10px 10px;
					box-sizing: border-box;
					.gift-item {
						cursor: pointer;
						color: #333;
						&:not(:first-child) {
							margin-top: 5px;
						}
						&:hover {
							color: #e1251b;
						}
						.name {
							max-width: 400px;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
							padding-right: 10px;
							display: inline-block;
							vertical-align: middle;
						}
						.num {
							display: inline-block;
							vertical-align: middle;
							color: #999;
						}
					}
				}
			}
			.goods-item.giveaways {
				.goods-text {
					.name {
						cursor: pointer;
						&:hover {
							color: #e1251b;
						}
					}
				}
				.goods-img {
					cursor: pointer;
				}
			}
		}
		.item.apply-item {
			.goods-item {
				&:not(:last-child) {
					margin-bottom: 10px;
				}
				background: #f9f9f9;
			}
			.goods-item.giveaways {
				display: flex;
				padding: 10px;
				box-sizing: border-box;
			}
			.goods-con {
				display: flex;
				padding: 10px;
				box-sizing: border-box;
			}
		}
		.item.apply-prod {
			align-items: flex-start;
			.tit {
				margin-top: 40px;
			}
		}
	}
	.apply-return {
		.item {
			.goods-info {
				.goods-img {
					width: 75px;
					height: 75px;
					font-size: 0;
					box-sizing: border-box;
					img {
						width: 100%;
						height: 100%;
					}
				}
				.goods-text {
					margin-left: 10px;
					width: 370px;
					.name {
						display: block;
						line-height: 18px;
						width: 370px;
						word-break: break-word;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
						overflow: hidden;
						text-overflow: ellipsis;
					}
					.price {
						margin-top: 5px;
						font-size: 14px;
					}
					.sku {
						display: flex;
						justify-content: flex-start;
						align-items: center;
						color: #999;
						margin-top: 5px;
						font-size: 12px;
						.sku-name {
							max-width: 220px;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}
						.num {
							margin-left: 10px;
							margin-right: 5px;
						}
						.gifts-icon {
							display: inline-block;
							padding: 3px;
							line-height: 1em;
							text-align: center;
							color: #fff;
							background: #E43130;
							border-radius: 3px;
							font-size: 12px;
							box-sizing: border-box;
							margin-right: 5px;
						}
						.del-btn {
							display: inline-block;
							color: #E43130;
							border: 1px solid #E43130;
							border-radius: 12px;
							min-width: 56px;
							height: 24px;
							line-height: 24px;
							text-align: center;
							margin-left: auto;
							cursor: pointer;
						}
					}
				}
			}
			.apply-item {
				padding: 5px 15px;
				width: 60px;
				text-align: center;
				border: 1px solid #eee;
				margin-right: 15px;
				cursor: pointer;
			}
			.apply-item.active {
				border-color: #e1251b;
			}
			.retur-reason {
				position: relative;
				height: 32px;
				.reason-tit {
					cursor: pointer;
					display: block;
					width: 220px;
					border: 1px solid #eee;
					padding: 0 28px 0 12px;
					line-height: 30px;
					position: relative;
					-webkit-transition: all 0.2s ease;
					-moz-transition: all 0.2s ease;
					-o-transition: all 0.2s ease;
					transition: all 0.2s ease;
					&::after {
						position: absolute;
						right: 10px;
						top: 12px;
						width: 0;
						height: 0;
						content: ' ';
						border: 5px solid transparent;
						border-top: 5px solid #bcbcbc;
						border-radius: 2px;
					}
				}
				&:hover {
					.reason-tit {
						color: #e1251b;
						&::after {
							border-top: 5px solid #e1251b;
						}
					}
				}
				.reason-select {
					position: relative;
					top: -1px;
					left: 0;
					border-width: 0 1px 1px;
					border-style: solid;
					border-color: #eee;
					background-color: #fff;
					line-height: 30px;
					font-size: 12px;
					text-align: center;
					box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
					z-index: 10;
					max-height: 200px;
					overflow-y: auto;
					.s-item {
						display: block;
						padding: 2px 15px;
						cursor: pointer;
						-webkit-transition: all 0.2s ease;
						-moz-transition: all 0.2s ease;
						-o-transition: all 0.2s ease;
						transition: all 0.2s ease;
						text-align: left;
						&:hover {
							color: #e1251b;
							background: #f9f9f9;
						}
					}
				}
			}
			.counter-box {
				display: flex;
				.increase {
					display: inline-block;
					background: #f1f0f0;
					width: 26px;
					height: 26px;
					line-height: 26px;
					text-align: center;
					cursor: pointer;
					font-size: 16px;
					user-select: none;
					-moz-user-select: none;
				}
				.reduce {
					display: inline-block;
					background: #f1f0f0;
					width: 26px;
					height: 26px;
					line-height: 26px;
					text-align: center;
					cursor: pointer;
					font-size: 16px;
					user-select: none;
					-moz-user-select: none;
				}
				.prod-num-int {
					display: inline-block;
					width: 60px;
					height: 26px;
					line-height: 26px;
					background: #f8f8f8;
					padding: 0 5px;
					text-align: center;
					box-sizing: border-box;
					color: #000;
				}
			}
			.max-refund-pieces {
				padding: 5px 0;
				width: 228px;
				box-sizing: border-box;
			}
			.unalterable {
				display: block;
				width: 220px;
				border: 1px solid #eee;
				padding: 0 28px 0 12px;
				line-height: 30px;
				color: #e43130;
				cursor: pointer;
			}
			.return-price {
				position: relative;
				.prefix {
					position: absolute;
					line-height: 32px;
					font-family: arial,sans-serif;
					left: 10px;
					top: 0;
					color: #e1251b;
				}
				.text {
					width: 228px;
					padding-left: 22px;
					color: #e1251b;
					font-family: arial,sans-serif;
				}
			}
			.fillin-mobilenumber {
				position: relative;
				.text {
					width: 240px;
					padding: 0 10px;
					color: #000;
					font-family: arial,sans-serif;
				}
			}
			.price-des {
				color: #999;
				margin-left: 10px;
				font-family: arial,sans-serif;
				:deep(.el-icon){
					top: 1.5px;
					left: 1.5px;
				}
			}
			.shop-description {
				width: 324px;
				padding-top: 10px;
				&::placeholder {
					color: #999;
				}
			}
			.img-des {
				color: #999;
				margin-left: 0;
				margin-top: 12px;
			}
		}
		.return-detail {
			.item.prod-con-box {
				align-items: flex-start;
				.tit {
					margin-top: 40px;
				}
				.prod-item {
					padding: 0 10px;
					background: #f9f9f9;
					&:not(:last-child) {
						border-bottom: 1px solid #eee;
					}
				}
				.goods-info {
					padding: 10px 0;
				}
				.goods-info.pointer {
					cursor: pointer;
				}
				.gift-prod {
					padding-bottom: 10px;
				}
				.gift-item {
					display: block;
					line-height: 1em;
					color: #333;
					cursor: pointer;
					&:hover {
						color: #E43130;
					}
					&:not(:first-child) {
						margin-top: 8px;
					}
					.name {
						margin-right: 8px;
					}
				}
			}
			.item {
				.goods-info {
					.goods-text {
						.price-con {
							margin-top: 10px;
						}
						.pri {
							color: #e1251b;
							font-size: 14px;
						}
						.sku {
							.gift-icon {
								color: #fff;
								background-color: #E43130;
								padding: 2px 4px;
								border-radius: 4px;
								margin-right: 5px;
							}
						}
					}
				}
			}
		}
		.item.error {
			.retur-reason {
				.reason-tit {
					border-color: #e1251b;
					color: #e1251b;
					&::after {
						border-top: 5px solid #e1251b;
					}
				}
			}
			.shop-description {
				border-color: #e1251b;
			}
		}
		.return-wait {
			border-bottom: 1px solid #eee;
			margin-bottom: 20px;
		}
		.return-state {
			display: flex;
			align-items: center;
			.state {
				font-size: 18px;
			}
			.rest-time {
				margin-left: 20px;
				font-size: 14px;
				.time {
					font-family: arial,sans-serif;
					color: #e1251b;
				}
			}
		}
		.return-tip {
			margin-top: 20px;
			background: #f9f9f9;
			padding: 10px 20px;
			.tip-item {
				line-height: 22px;
				color: #777;
				position: relative;
				padding-left: 5px;
				&:before {
					position: absolute;
					left: -7px;
					top: 9px;
					display: block;
					width: 3px;
					height: 3px;
					border-radius: 50%;
					content: ' ';
					background: #ccc;
				}
			}
		}
		.return-btn {
			margin-top: 25px;
			display: flex;
			align-items: center;
			margin-bottom: 40px;
			.btn-r {
				padding: 5px 15px;
				color: #fff;
				background: #e1251b;
				border-radius: 2px;
				margin-right: 15px;
				&:hover {
					opacity: 0.9;
				}
			}
			.btn-g {
				padding: 4px 14px;
				background: #f9f9f9;
				border-radius: 2px;
				border: 1px solid #ddd;
				margin-left: 15px;
				&:hover {
					background: #fff;
				}
			}
		}
		.shop-info {
			margin-top: 20px;
			padding-left: 40px;
			position: relative;
			&::before {
				position: absolute;
				left: 18px;
				top: 2px;
				display: block;
				width: 16px;
				height: 16px;
				content: ' ';
				background: url(@/assets/images/icons.png) no-repeat;
				background-position: 0 -864px;
			}
			.shop-name {
				font-size: 14px;
				.name {
					margin-left: 5px;
				}
				.phone {
					font-family: arial,sans-serif;
					margin-left: 15px;
				}
			}
			.shop-address {
				margin-top: 5px;
				color: #999;
				word-break: break-word;
			}
		}
		.return-number {
			padding: 5px;
			width: 200px;
			border: 1px solid #eee;
			margin-right: 15px;
		}
	}
	.en {
		.item {
			.apply-item {
				width: 120px;
			}
		}
	}
	.box-content {
		.return-detail {
			.detail-tit {
				padding: 10px;
				font-size: 14px;
				font-weight: 600;
				margin-bottom: 20px;
			}
			.detail-con {
				display: flex;
				margin-bottom: 20px;
				.det-box {
					flex: 1;
					&:first-child {
						margin-right: 50px;
					}
					.item {
						margin-bottom: 20px;
						align-items: flex-start;
						.return-text {
							font-family: arial,sans-serif;
							word-break: break-word;
							max-width: 70%;
						}
					}
				}
			}
			.item {
				.tit {
					color: #999;
					min-width: 80px;
				}
			}
		}
	}
  .logistics-number {
    font-size: 14px;
    color: #999;
    padding-right: 30px;
  }
  .unchecked {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }


}
